{% extends "base.html" %}
{% load static %}
{% get_static_prefix as STATIC_PREFIX %}
{%block title%}Detalle de producto{% endblock %}

{% block content %}
	<span style="font-family:lucida sans unicode,lucida grande,sans-serif;"><span style="color: rgb(105, 105, 105);"><span style="font-size: 36px;">{{info.nombre}}</span></span></span></h1>
	<p><a><img src="{{STATIC_URL}}{{info.imagen}}" /></a></p>
	<h2><span style="color:#333333;"><span style="font-size: 28px;"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Descripci&oacute;n:
	</span></span></span></h2>
	
	<p><span style="font-size:16px;"><span style="color: rgb(128, 128, 128);"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">
	{{info.descripcion}}</span></span></span></p>
	<h2><span style="color:#333333;"><span style="font-size: 28px;"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Precio: 
	</span></span></span></h2>
	
	<p><span style="font-size:16px;"><span style="color: rgb(128, 128, 128);"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">
	Q.{{info.precio}} </span></span></span></p>
	<h2><span style="color:#333333;"><span style="font-size: 28px;"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">Unidades disponibles: 
	</span></span></span></h2>
	
	<p><span style="font-size:16px;"><span style="color: rgb(128, 128, 128);"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">
	{{info.existencias}} unidades</span></span></span></p>
	<h2><span style="color:#333333;"><span style="font-size: 28px;"><span style="font-family: 'lucida sans unicode', 'lucida grande', sans-serif;">
	<a href="/pedido/nuevo/{{info.idproducto}}">Comprar</a></span></span></span></h2>

{% endblock %}